@font-face {
    font-family: 'RothmanPlain';
    src: url('RothmanPlain-webfont.eot');
    src: url('RothmanPlain-webfont.eot?#iefix') format('embedded-opentype'),
         url('RothmanPlain-webfont.woff') format('woff'),
         url('RothmanPlain-webfont.ttf') format('truetype'),
         url('RothmanPlain-webfont.svg#RothmanPlain') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bonvenocflight';
    src: url('BonvenoCF-Light-webfont.eot');
    src: url('BonvenoCF-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('BonvenoCF-Light-webfont.woff') format('woff'),
         url('BonvenoCF-Light-webfont.ttf') format('truetype'),
         url('BonvenoCF-Light-webfont.svg#bonvenocflight') format('svg');
    font-weight: normal;
    font-style: normal;

}


h1 {
	display: none;
}
h2 {
	font-size: 2.5em;
	font-family: "Courier New", Courier, monospace;
	display: none;
}
h3 {
	font-family: bonvenocflight;
	font-size: 4em;
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
	color: #000;
	font-weight:normal;
}
h4 {
	font-family: bonvenocflight;
	font-size: 2.5em;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	font-weight: normal;
	text-align: center;
}
h5 {
	font-family: bonvenocflight;
	font-size: 1.5em;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
h6 {
	font-family: bonvenocflight;
	font-size: 2em;
	margin-bottom: 0em;
	font-weight: normal;
	text-align: left;
	color: #FFF;
	padding-left: 3em;
	background-image: url(../Imagenes/lazo.png);
	background-repeat: no-repeat;
	height: 3em;
	padding-top: 0.4em;
	width: 14em;
}
h7 {
	font-family: bonvenocflight;
	font-size: 2em;
	font-weight: normal;
	text-align: left;
	color: #FFF;
}
* {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #FFF;
	font-size: 62.5%;
	background-image: url(../Imagenes/body.jpg);
	background-repeat: repeat-x;
}
.texto {
	width: 38%;
	float: right;
	height: 13em;
	color: #333;
	font-family: "century gothic";
	font-size: 1.2em;
	padding-left: 2em;
	margin-right: 2em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333;
	padding-top: 0.4em;
}
.texto2 {
	width: 28%;
	float: left;
	height: 13em;
	color: #333;
	font-family: "Century Gothic", Verdana;
	font-size: 1.2em;
	margin-right: 1em;
	padding-top: 0.4em;
	margin-left: 1em;
}
.texto3 {
	width: 24%;
	float: right;
	height: 12.5em;
	color: #333;
	font-family: "Century Gothic", Verdana;
	font-size: 1.2em;
	padding-left: 2em;
	margin-right: 1em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333;
	padding-top: 1em;
}
.texto2 img      {
	margin-right: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
}
.texto a      {
	text-decoration: none;
	color: #333;
}
.texto3 a {
	text-decoration: none;
	color: #333;
}
.texto2 a {
	text-decoration: none;
	color: #333;
}
.texto a:hover {
	text-decoration: underline;
}
.texto2 a:hover {
	text-decoration: underline;
}
.apartado {
	height: auto;
	width: 97%;
	margin-bottom: 2em;
	display: block;
	overflow: auto;
	background-color: #CCC;
	padding-top: 1em;
	padding-bottom: 1em;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright:20px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:20px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:20px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:20px;
	border-top-left-radius:0px;
	border-top-right-radius:20px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:20px;
	font-family: "Century Gothic";
}
.apartado a img     {
	float: left;
	margin-right: 2em;
	margin-left: 1em;
}
.apartado #minis     {
	height: auto;
	width: 28%;
	float: left;
}
.apartado #minis img     {
	border: 6px solid #000;
	margin-right: 1em;
	margin-bottom: 0.6em;
	margin-top: 0.6em;
}
.center_image {
	display: block;
	margin-top: 2em;
	margin-bottom: 4em;
	margin-right: auto;
	margin-left: auto;
}
header, nav, article, section, aside, footer {
	display: block;
}


#container {
	height: auto;
	width: 110em;
	margin-right: auto;
	margin-left: auto;
	font-family: 'RothmanPlain';
	overflow: auto;
}
#container header {
	height: auto;
	width: 100%;
}

#container header img {
	margin-top: 5em;
	height: auto;
	width: auto;
	margin-left: 2em;
}
#container #CONTENIDO {
	overflow: auto;
	width: 100%;
	height: auto;
	margin-top: 4em;
}
#container #CONTENIDO article {
	overflow: auto;
	width: 78%;
	height: auto;
	background-image: url(../Imagenes/TRIANGULOsolo.jpg);
	background-repeat: no-repeat;
	float: left;
	padding-left: 2em;
}
#container #CONTENIDO article #login {
	clip: rect(auto,auto,auto,auto);
	margin-top: 1.5em;
	color: #666;
	margin-bottom: 25em;
	font-family: bonvenocflight;
}
#container #CONTENIDO article #login p {
	text-align: center;
}
#container #CONTENIDO article #login form {
	background-color: #FFF;
	width: 16em;
	padding-top: 2em;
	padding-right: 2em;
	padding-bottom: 2em;
	padding-left: 2em;
	border: 1px solid #999;
	margin-right: auto;
	margin-left: auto;
	font-size: 2em;
	color: #333;
	-moz-border-radius-topleft: 75px;
	-moz-border-radius-topright:75px;
	-moz-border-radius-bottomleft:75px;
	-moz-border-radius-bottomright:75px;
	-webkit-border-top-left-radius:75px;
	-webkit-border-top-right-radius:75px;
	-webkit-border-bottom-left-radius:75px;
	-webkit-border-bottom-right-radius:75px;
	border-top-left-radius:75px;
	border-top-right-radius:75px;
	border-bottom-left-radius:75px;
	border-bottom-right-radius:75px;
	height: auto;
	margin-top: 3em;
}
#container #CONTENIDO article    #login form #entrar{
	background-color: #ABE6D6;
	color: #FFF;
	font-size: 1.5em;
	border: 3px solid #FFF;
	padding-top: 1em;
	padding-right: 0.9em;
	padding-bottom: 1em;
	padding-left: 0.9em;
	border:none 0px #000000;
	-moz-border-radius-topleft: 75px;
	-moz-border-radius-topright:75px;
	-moz-border-radius-bottomleft:75px;
	-moz-border-radius-bottomright:75px;
	-webkit-border-top-left-radius:75px;
	-webkit-border-top-right-radius:75px;
	-webkit-border-bottom-left-radius:75px;
	-webkit-border-bottom-right-radius:75px;
	border-top-left-radius:75px;
	border-top-right-radius:75px;
	border-bottom-left-radius:75px;
	border-bottom-right-radius:75px;
}
#container #CONTENIDO article #perdon {
	clip: rect(auto,auto,auto,auto);
	margin-top: 1.5em;
	margin-bottom: 45em;
	color: #666;
}
#container #CONTENIDO article #perdon img {
	float: right;
}
#container #CONTENIDO article #ups img {
	height: auto;
	width: 100%;
	margin-top: 5em;
}
#container #CONTENIDO article #ABOTME {
	overflow: auto;
}

#container #CONTENIDO article #ABOTME img {
	float: left;
}
#container #CONTENIDO article #ABOTME #texto {
	float: right;
	width: 35%;
	height: auto;
	font-size: 13px;
	font-family: verdana;
	margin-top: 3em;
	margin-right: 3em;
	padding: 2em;
	text-align: justify;
	background-color: #FFF;
	border: 2px groove #999;
	margin-bottom: 4em;
}
#container #CONTENIDO article #ABOTME #texto #idiomas {
	float: right;
	margin-top: -1em;
}
#container #CONTENIDO article #ABOTME #texto #idiomas a {
	color: #000;
	text-decoration: none;
}
#container #CONTENIDO article #ABOTME #texto #idiomas a:hover {
	text-decoration: underline;
}
#container #CONTENIDO article #PHOTO {
	margin-top: 2.5em;
	background-color: rgba(255, 255, 255, 0.4);
	background: rgba(255, 255, 255, 0.4);
	color: rgba(0,0,0,0.4);
	padding-top: 2.5em;
	padding-bottom: 2em;
	overflow: auto;
	height: auto;
	width: 97%;
	float: left;
}
#container #CONTENIDO article #GALERIA {
	color: rgba(0,0,0,0.4);
	padding-top: 1.8em;
	padding-bottom: 2em;
	overflow: auto;
	float: left;
	width: 100%;
}
#container #CONTENIDO article #WEB {
	margin-top: 2.5em;
	background-color: rgba(255, 255, 255, 0.4);
	background: rgba(255, 255, 255, 0.4);
	color: rgba(0,0,0,0.4);
	padding-top: 2.5em;
	padding-bottom: 2em;
	overflow: auto;
	height: auto;
	width: 95%;
	float: left;
}
#container #CONTENIDO article #WEB .apartado a img {
}
#container #CONTENIDO article #DESIGN {
	margin-top: 2.5em;
	background-color: rgba(255, 255, 255, 0.4);
	background: rgba(255, 255, 255, 0.4);
	color: rgba(255, 255, 255, 0.4);
	padding-top: 2.5em;
	padding-bottom: 2em;
	width: 95%;
}
#container #CONTENIDO article #DESIGN #name {
	width: 20%;
	float: left;
	background-color: #000;
	padding-top: 2em;
	padding-right: 4em;
	padding-bottom: 2em;
	padding-left: 4em;
	margin-right: 4em;
	margin-left: 8em;
}
#container #CONTENIDO article #VIDEO iframe {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
#container #CONTENIDO article #VIDEO #texto {
	height: auto;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	font-family: verdana;
	color: #000;
	font-size: 1.2em;
	padding-top: 2em;
	padding-right: 10em;
	padding-bottom: 2em;
	padding-left: 10em;
	border:none 0px #000000;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	text-align: center;
}
#container #CONTENIDO article #VIDEO {
	margin-top: 2.5em;
	background-color: rgba(255, 255, 255, 0.4);
	background: rgba(255, 255, 255, 0.4);
	color: rgba(0,0,0,0.4);
	padding-top: 2.5em;
	padding-bottom: 2em;
	width: 95%;
}
#container #CONTENIDO article #MAPAWEB {
	margin-top: 2.5em;
	width: 40%;
	font-family: bonvenocflight;
	background-color: #FFFFFF;
	border: 1px ridge #CCC;
	float: right;
	padding-top: 2.5em;
	padding-right: 2.5em;
	padding-left: 2.5em;
	margin-right: 3em;
	margin-bottom: 10em;
}
#container #CONTENIDO article #MAPAWEB ul {
	height: auto;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3em;
	margin-bottom: 4em;
	list-style-type: none;
}
#container #CONTENIDO article #MAPAWEB ul li a {
	color: #000;
	text-decoration: none;
	font-size: 2.5em;
	margin-left: 1em;
	text-align: center;
}
#container #CONTENIDO article #MAPAWEB ul li a:hover {
	color: #6AA894;
}
#container #CONTENIDO article #AVISOLEGAL {
	margin-top: 2.5em;
	padding: 2.5em;
	width: 90%;
	font-family: Verdana;
	background-color: #FFFFFF;
	border: 1px ridge #CCC;
	margin-bottom: 2em;
}
#container #CONTENIDO article #AVISOLEGAL a {
	color: #000;
	text-decoration: none;
}
#container #CONTENIDO article #AVISOLEGAL p {
	font-size: 1.2em;
}

#container #CONTENIDO nav {
	float: left;
	height: auto;
	width: 18%;
	overflow: auto;
	margin-left: 2em;
}
#container #CONTENIDO nav ul {
	list-style-type: none;
	margin-top: 0.2em;
}
#container #CONTENIDO nav ul li a {
	display: block;
	color: #89C8B5;
	text-decoration: none;
	font-family: RothmanPlain;
	font-size: 7em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.13em;
	margin-left: 0px;
	letter-spacing: 1px;
}
#container #CONTENIDO nav ul li a:hover {
	color: #717070;
}
#container #CONTENIDO nav ul li a p {
	color: #838383;
}
#container #CONTENIDO nav ul li a p:hover {
	color: #7AC1AB;
}
#pie {
	height: auto;
	width: 100%;
	background-image: url(../Imagenes/footer_linea.jpg);
	background-repeat: repeat-x;
	padding-bottom: 8em;
}
#pie footer {
	font-family: bonvenocflight;
	height: auto;
	width: 110em;
	margin-right: auto;
	margin-left: auto;
	overflow: auto;
	color: #FFF;
}
#pie footer #CONTACTO {
	float: left;
	height: 47em;
	width: 42%;
	background-color: #999;
	margin-right: 2em;
	border:none 0px #000000;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	padding-top: 3em;
	padding-right: 2em;
	padding-bottom: 2em;
	padding-left: 2em;
	margin-top: 3em;
}
#pie footer #CONTACTO table {
	margin-right: auto;
	margin-left: auto;
	font-size: 2em;
}

#pie footer #LASTWORKS {
	float: left;
	height: 47em;
	width: 23%;
	background-color: #999;
	margin-right: 2em;
	border:none 0px #000000;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	padding-top: 3em;
	padding-right: 2em;
	padding-bottom: 2em;
	padding-left: 2em;
	margin-top: 3em;
	margin-left: 1em;
}
#pie footer #LASTWORKS img {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2em;
	height: auto;
	display: block;
}
#pie footer #REDES {
	float: left;
	height: 41em;
	width: 19%;
	background-color: #999;
	border:none 0px #000000;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	padding-top: 6em;
	padding-right: 2em;
	padding-bottom: 5em;
	padding-left: 2em;
	margin-top: 3em;
	text-align: center;
}
#pie footer #REDES img {
	margin-right: 1em;
	margin-left: 1em;
	display: block;
	margin-bottom: 2.5em;
	float: left;
	padding: 0.5em;
}
#pie footer #REDES a {
	color: #FFF;
	text-decoration: none;
	font-size: 1.8em;
	text-align: center;
}
#pie footer #REDES a:hover {
	color: #7BC3AC;
	text-decoration: none;
	text-align: center;
}
#pie footer #REDES #social {
	display: block;
	width: 92%;
	height: auto;
	overflow: auto;
	margin-right: auto;
	margin-left: auto;
}
#subpie {
	background-color: #C1E7DD;
	background-image: url(../Imagenes/subpie.jpg);
	background-repeat: repeat-x;
	display: none;
}